<template name="headPic">
	<view class="backdrop" @tap="userClick">
		<view class="flex justify-content m-b1 position-r">
			<image :src="image" class="picture m-t6 border-r1"></image>
			<image v-if="atte" src="/static/images/attestation.png" class="attestation" mode="widthFix"></image>
		</view>
		<text class="flex justify-content fs-2 m-t1">{{name}}</text>
	</view>
</template>

<script>
	export default{
		name:"headPic",
		props:{
			atte:{
				type:Boolean,
				default : false,
			},
			name:{
				type:String,
				value : '',
			},
			image:{
				type:String,
				value : '',
			}
			
		},
		methods:{
			userClick() {
				this.$emit("userClick");
			}
		}
	}
</script>

<style scoped>

</style>
